<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<base href="${BaseContext }">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>客房详情</title>
<link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet">
<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.js"></script>
</head>
<body>

<nav class="navbar-inverse">
	<div class="container">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<a class="navbar-brand" href="#">宾馆客房管理系统 : </a>
		</div>
		<div class="collapse navbar-collapse"
			 id="bs-example-navbar-collapse-9">
			<ul class="nav navbar-nav">
				<li class="active" ><a href="${pageContext.request.contextPath}/room/list.do">客房管理</a></li>
				<li ><a href="${pageContext.request.contextPath}/order/list.do">订单管理</a></li>
				<li ><a href="${pageContext.request.contextPath}/customer/list.do">客户管理</a></li>
				<li ><a href="${pageContext.request.contextPath}/user/list.do">员工管理</a></li>
				<li ><a href="${pageContext.request.contextPath}/behind/Mouth.jsp">月营业额统计</a></li>
				<li ><a href="${pageContext.request.contextPath}/behind/Year.jsp">年营业额统计</a></li>
			</ul>
			<p class="navbar-text navbar-right">
				<span>${username}</span> <i class="glyphicon glyphicon-log-in" aria-hidden="true"></i>&nbsp;&nbsp;
				<a href="${pageContext.request.contextPath}/exit.do" class="navbar-link">退出</a>
			</p>
		</div>
	</div>
</nav>

<div class="jumbotron" style="padding-top: 55px;padding-bottom: 15px;">
		<div class="container">
				<h2>客房详情</h2>
		</div>
	</div>


	<div  style="text-align: right" class="col-lg-12" >
		<a href="/room/list.do">
			<button type="button" class="btn btn-success">返回列表</button>
		</a>
	</div>
	<div class="container" style="margin-top: 20px;">
		<table class="table">
			<tr class="success">
				<td>
				房间号 :
				</td>
				<td>
					${room.id}
				</td>
			</tr>
			<tr class="active">
				<td>
				房间号 :
				</td>
				<td>${room.roomnum}</td>
			</tr>
			<tr class="warning">
				 <td>
			     楼层 :
				 </td>
				 <td>
			    	${room.floor}
				 </td>
			</tr>
			<tr class="active">
				<td>价格 : </td>
				<td>${room.price}元</td>
			</tr>
			<tr class="danger">
				<td>状态 : </td>
				<td>${room.status}</td>
			</tr>
			<tr class="active">
				<td>房间类型 : </td>
				<td>${room.type}</td>
			</tr>
			<tr class="info">
				<td>可住人数 : </td>
				<td>${room.peoplenum}人</td>
			</tr>
			<tr class="active">
				<td>客户入住时间 : </td>
				<td>${room.startTime}</td>

			</tr>
			<tr class="success">
				<td>客户离开时间 : </td>
				<td>${room.endTime}</td>
			</tr>
			<tr class="danger">
				<td>客房图片 : </td>
				<td><img class="img-thumbnail" height="340px" width="550px"  alt="" src="${room.imageurl}"></td>

			</tr>

		</table>
	</div>


</body>
</html>